<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>hel</title>
    <script src="js/react.development.js"></script>
    <script src="js/react-dom.development.js"></script>
    <script src="js/babel.min.js"></script>
    <style>
        .au {
            background: green;
            font-size: 300px;
        }
    </style>




</head>
<body>

<div id="root"></div>

<script type="text/babel">


    let iNum01 = 10;
    let sTr = "awdwadwadwad";
    let ok = true;
    let k = () => "awdawdaw";
    let url = "https://www.baidu.com";
    let sty = "au"



    let el = (
        <div>
            <h2>jsx语法</h2>
            <p>{iNum01}</p>
            <p>{sTr.split('').reverse().join('')}</p>
            <p>{ok ? k() : 'No'}</p>
            <a href={url} className={sty}>urls</a>


        </div>
    );

    ReactDOM.render(
        el,
        document.getElementById('root')
    )


</script>
</body>
</html>